﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Detail.aspx.cs" Inherits="Shop_Phone.Detail" %>

<%@ Register Src="~/UserControls/Detail.ascx" TagPrefix="uc" TagName="detail" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentSlide" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:Repeater ID="rptchitietsanpham" runat="server">
        <ItemTemplate>
            <div>
                <div id="wproduct-detail" style="float: left">
                    <div class="category-title">
                        <h2>
                            Điện thoại Smartphone</h2>
                    </div>
                    <div class="w-product-detail">
                        <div class="product-img" id="productImageWrapID_GALAXYS5B">
                            <img id="ImgCurrentDetail_GALAXYS5B" style="margin: 5px;" src="Images/GALAXYS5B.jpg"
                                title="SAMSUNG GALAXY S5 BLACK" onerror="this.onerror=null;this.src='Images/sp1.jpg';"
                                alt="">
                            <div class="like-share" style="height: auto; margin-bottom: 5px; display: none">
                                <a style="color: #000; font-size: 12px;">Màu sắc khác</a>
                                <ul style="overflow: auto;">
                                    <li style="height: 50px;"></li>
                                </ul>
                            </div>
                            <div class="like-share">
                                <a style="color: #000; font-size: 12px;">Chia sẻ sản phẩm này trên facebook</a>
                                <div class="fb-like fb_iframe_widget" data-href="" data-send="true" data-layout="button_count"
                                    data-width="450" data-show-faces="true" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=&amp;href=http%3A%2F%2Fdienthoaionline.vn%2Fsan-pham%2Fsamsung-galaxy-s5-black-GALAXYS5B&amp;layout=button_count&amp;locale=vi_VN&amp;sdk=joey&amp;send=true&amp;show_faces=true&amp;width=450">
                                    <span style="vertical-align: bottom; width: 138px; height: 20px;">
                                        <iframe name="f3515ccbe4" width="450px" height="1000px" frameborder="0" allowtransparency="true"
                                            scrolling="no" title="fb:like Facebook Social Plugin" src="http://www.facebook.com/plugins/like.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FKFZn1BJ0LYk.js%3Fversion%3D41%23cb%3Df1e9c6212c%26domain%3Ddienthoaionline.vn%26origin%3Dhttp%253A%252F%252Fdienthoaionline.vn%252Ff1b31e28b%26relation%3Dparent.parent&amp;href=http%3A%2F%2Fdienthoaionline.vn%2Fsan-pham%2Fsamsung-galaxy-s5-black-GALAXYS5B&amp;layout=button_count&amp;locale=vi_VN&amp;sdk=joey&amp;send=true&amp;show_faces=true&amp;width=450"
                                            style="border: none; visibility: visible; width: 138px; height: 20px;" class="">
                                        </iframe>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="product-detail">
                            <div>
                                <div style="float: left; width: 225px; margin-right: 4px;" class="BoxProduct_ProductRelated">
                                    <div class="jcarousel-control" style="border: 1px solid #ccc; font: bold 13px arial;
                                        padding: 5px 10px; text-transform: uppercase; border-radius: 3px;">
                                        <span>Thông tin sản phẩm</span>
                                    </div>
                                    <div class="jcarousel-content">
                                        <ul style="font-size: 12px; overflow-y: auto;">
                                            <li>
                                                <h3>
                                                    <%# Eval("tensanpham")%></h3>
                                                <p>
                                                    Mã sản phẩm:
                                                    <%# Eval("masanpham")%></p>
                                                <p>
                                                    Giá: <span>
                                                        <%# Eval("giasanpham")%>
                                                        đ </span>
                                                </p>
                                                <p>
                                                    Giá đại lý: <span style="font-weight: normal"><a href="/dang-nhap" title="Đăng nhập hệ thống">
                                                        Đăng nhập</a></span></p>
                                                <p>
                                                    Phụ kiện: <span>
                                                        <%# Eval("phukiendikem")%></span></p>
                                                <p>
                                                    Hãng sản xuất: <span>
                                                        <%# Eval("tendanhmuc")%></span></p>
                                                <p>
                                                    Kho hàng: <span>
                                                        <%# tinhtranghang(Eval("soluong"))%>
                                                    </span>
                                                </p>
                                                <p>
                                                    Bảo hành: <span>
                                                        <%# Eval("baohanh")%></span></p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="BoxProduct_ProductRelated clearfix" style="display: block; width: 225px;
                                    float: left">
                                    <div class="jcarousel-control" style="border: 1px solid #ccc; font: bold 13px Arial;
                                        padding: 5px 10px; text-transform: uppercase; border-radius: 3px;">
                                        <span>Có bán tại</span>
                                    </div>
                                    <div class="jcarousel-content">
                                        <ul style="font-size: 11px; overflow-y: auto;">
                                            <li style="width: 100%">
                                                <table style="background-color: #FFF;" width="100%">
                                                    <tbody>
                                                        <tr>
                                                            <td style="border-bottom: 1px solid #CDCDCD;">
                                                                <label style="font: bold 11px arial;">
                                                                    Cty TNHH ABC - Hà Nội</label><br>
                                                                Hà Nội
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="border-bottom: 1px solid #CDCDCD;">
                                                                <label style="font: bold 11px arial;">
                                                                    Chi Nhánh ABC - Hà Nội</label><br>
                                                                -Số 83, Thái Hà, Đống Đa, Hà Nội
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="border-bottom: 1px solid #CDCDCD;">
                                                                <label style="font: bold 11px arial;">
                                                                    Chi nhánh ABC - Thái Bình</label><br>
                                                                -237 Trần Thái Tông, tổ 24 -P.Trần Hưng Đạo,Tp Thái Bình
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="border-bottom: 1px solid #CDCDCD;">
                                                                <label style="font: bold 11px arial;">
                                                                    Chi nhánh ABC - Bắc Ninh</label><br>
                                                                -Cổng TT Giao Thương Quốc Tế,TT.Lim, H.Tiên Du, Bắc Ninh
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="clearfix">
                                </div>
                                <div class="checkout-info">
                                    <table>
                                        <tbody>
                                            <tr>
                                                <td width="70">
                                                    Số lượng:
                                                </td>
                                                <td>
                                                    <select id="quantityNb" name="quantity" style="width: 100px;">
                                                        <option selected="selected">1</option>
                                                        <option>2</option>
                                                        <option>3</option>
                                                        <option>4</option>
                                                        <option>5</option>
                                                    </select>
                                                    <a id="button-cart" class="button" title="Thêm sản phẩm này vào giỏ hàng" data-id="GALAXYS5B">
                                                        Đặt mua</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2" style="text-align: justify; font-weight: bold; font-size: 11px; color: #444;">
                                                    Đặt hàng nhanh chóng - Giao hàng tận nơi - Đảm bảo chính hãng
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="float: left; width: 100%">
                    <div class="w-product-detail-des">
                        <div class="product-detail-des">
                            <div style="color: #000; font-size: 11px;" id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
                                <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"
                                    role="tablist">
                                    <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab"
                                        tabindex="0" aria-controls="tabs-1" aria-labelledby="ui-id-1" aria-selected="true">
                                        <a href="#tabs-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">
                                            Tính năng</a></li>
                                    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-2"
                                        aria-labelledby="ui-id-2" aria-selected="false"><a href="#tabs-2" class="ui-tabs-anchor"
                                            role="presentation" tabindex="-1" id="ui-id-2">Thông số kỹ thuật</a></li>
                                    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-3"
                                        aria-labelledby="ui-id-3" aria-selected="false"><a href="#tabs-3" class="ui-tabs-anchor"
                                            role="presentation" tabindex="-1" id="ui-id-3">Hình ảnh</a></li>
                                </ul>
                                <div id="tabs-1" aria-labelledby="ui-id-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom"
                                    role="tabpanel" aria-expanded="true" aria-hidden="false">
                                    <div class="div-tab" id="tinhnang">
                                        <%# Eval("tinhnang")%>
                                    </div>
                                </div>
                                <div id="tabs-2" aria-labelledby="ui-id-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom"
                                    role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none;">
                                    <div class="div-tab" id="thongsokythuat">
                                        <%# Eval("thongso")%>
                                    </div>
                                </div>
                                <div id="tabs-3" aria-labelledby="ui-id-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom"
                                    role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none;">
                                    <div class="div-tab" id="hinhanh">
                                        <%# Eval("tinhnang")%>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ItemTemplate>
    </asp:Repeater>
</asp:Content>
